<template>
  <div>
    <p>Vue 基本使用</p>

    <!-- <TplDemo></TplDemo> -->
    <!-- <WatchDemo></WatchDemo> -->
    <!-- <ComputedDemo></ComputedDemo> -->
    <!-- <ClassDemo></ClassDemo> -->
    <!-- <ConditionDemo></ConditionDemo> -->
    <!-- <ListDemo></ListDemo> -->
    <!-- <EventDemo></EventDemo> -->
    <FormDemo></FormDemo>
  </div>
</template>

<script>

// import TplDemo from './TplDemo.vue'
// import WatchDemo from './WatchDemo.vue'
// import ComputedDemo from './ComputedDemo.vue'
// import ClassDemo from './ClassDemo.vue'
// import ConditionDemo from './ConditionDemo.vue'
// import ListDemo from './ListDemo.vue'
// import EventDemo from './EventDemo.vue'
import FormDemo from './FormDemo.vue'

export default {
  components: {
    // TplDemo,
    // WatchDemo,
    // ComputedDemo,
    // ClassDemo,
    // ConditionDemo,
    // ListDemo,
    // EventDemo,
    FormDemo,

  },
  data() {
    return {

    }
  }
}
</script>